<meta charset="UTF-8">
<style>
    * {
        padding: 0;
        margin: 0
    }

    html,
    body {
        height: 100%;
        background: url(./img/背景.webp) center no-repeat;
        background-size: 100% 100%;
    }

    .xuetiao {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100px;
        height: 50px;
        border: solid 5px #dafa6f;
    }

    .xuetiao span {
        width: 100px;
        height: 50px;
        background-color: #7daabd;
        display: block;
        
    }
    .box{
            text-align: center;
            width:600px;
            height: 400px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            z-index: 1;
            display: none;
            background:url(./img/jieshu.webp) center no-repeat;
            background-size: 100% 100%;
        }
</style>
<body>

    <div class="xuetiao">
        <span class="blood"></span>
    </div>
    <div class="box">
    <button>开始游戏</button>
    <button>结束游戏</button>
</div>
</body>
<script src="./utils.js"></script>
<script>
     html()
</script>